
*{
   font-size:x-large;
   font-family:Tahoma;
}

.title, label{
   color:yellow;
}

input{
   font-weight:bold;
}

.fieldcontainer{
   width:8%;
   height:5%;
}

.field{
   width:100%;
   height:100%;
   text-align:right;
   background-color:rgba(255,255,255,0.5);
}

input:focus{
   background-color: #F2E697;
   color: #4C3DFF;
}

body{
   background:url('background.jpg') fixed;
   background-size:100% 100%;
}

.title{
   margin-left:26%
}

.goal {
   position:absolute;
   width:15%;
   left:32%
}

.goal input{
   width:50%;
}

.a{
   position:absolute;
   top:30%;
   left:2%;
}

.b {
   position:absolute;
   top:30%;
   left:12%;
}

.c {
   position:absolute;
   top:30%;
   left:22%;
}

.d {
   position:absolute;
   top:30%;
   left:32%
}

.e {
   position:absolute;
   top:30%;
   left:42%
}

.f {
   position:absolute;
   top:30%;
   left:52%
}

.options{
   border-width:1;
   border-style:groove;
   position:absolute;
   height:200px;
   width:250px;
   right:20px;
   top:20px;
   background-color:rgba(0,0,0,0.2);
   display:none;
}

.options-inner{
   position:absolute;
   height:100%;
   width:100%;
}
.options-title{
   position:absolute;
   color:yellow;
   top:0%;
   left:30%;
}

.max-gen{
   position:absolute;
   top:20%;
   right:5px;
}

.population-size{
   position:absolute;
   bottom:20%;
   right:5px;
}

.solve {
   position:absolute;
   color:green;
   top:55%;
   left:32%;
   width:8%;
}

#result{
   position:absolute;
   background-color:rgba(255,255,255,0.5);
   color:white;
   text-align:center;
   top:40%;
   width:60%;
}

.description{
   position:absolute;
   top:65%;
   width:60%;
   height:22%;
   color:white;
   background-color:rgba(0,0,0,0.4);
   overflow:auto;
}

.footer{
   position:absolute;
   top:93%;
   width:72%;
   height:2%;
}

.legal{
   color:white;
   font-size:small;
   text-align:center;
}

li{
  font-size:medium;
}


a{
   color:cyan;
   font-size:smaller;
}

a:hover{
   color:yellow;
}

a:visited{
   color:blue;
}
